import Vue from 'vue'
import VueRouter from 'vue-router'

//全局引入VueRouter
Vue.use(VueRouter)

const routes = [
    //使用按需引入
    {
        path:'/',
        name:'Main',
        component: () => import('../views/Main.vue'),
        redirect:'/home',
        children:[
            {
                path:'/home',
                name:'home',
                component:() => import('../views/home')
            },
            {
                path:'/user',
                name:'user',
                component: () => import('../views/User')
            },
            {
                path:'/mall',
                name:'mall',
                component: () => import('../views/mall')
            },
            {
                path:'/page1',
                name:'page1',
                component: () => import('../views/other/pageOne')
            },
            {
                path:'/page2',
                name:'page2',
                component: () => import('../views/other/pageTwo.vue')
            }
        ]
    },
    
]

const router = new VueRouter({
    mode:'history',
    routes
})

//把router进行对外暴露 
export default router
